<template>
  <div id="app">
    <demo class="a"></demo>
  </div>
</template>

<script>
import Demo from "./components/Demo.vue";
export default {
  name: "app",
  components: {
    demo: Demo
  }
};
</script>

<style>
/* 使用 scoped 后，父组件的样式将不会渗透到子组件中。不过一个子组件的根节点会同时受其父组件的 scoped CSS 和子组件的 scoped CSS 的影响。这样设计是为了让父组件可以从布局的角度出发，调整其子组件根元素的样式 */
.a /deep/li {
  list-style: none;
}
</style>
